/*26-8-2013*/

.tenda_categorie{
    background-color:#242424;
    box-shadow: inset 0px 10px 20px #101010;
    width:100%;
    display:none;
    padding-bottom:20px;
    padding-top:20px;
}

.line_mini_category{
    border-bottom: 1px solid #4e4e4e;
        &.last{
            border-bottom:none;
        }
        .mini_category_box{
            float: left;
            width: 190px;
            margin: 24px 4px 18px 4px;
            padding-top: 55px;
            background-position: center top;
            background-repeat: no-repeat;
                h4{
                    color: white;
                    font-size: 1.2em;
                    text-align: center;
                    font-family: $font-nexa-light;
                } 
               &#cat_lingue{
                   background-image: url(/libs/css/assets/lingue.png);
                }
                &#cat_scrittura{
                    background-image: url(/libs/css/assets/scrittura.png);
                }
                &#cat_tecnologia{
                    background-image: url(/libs/css/assets/tecnologia.png);
                }
                &#cat_storia{
                    background-image: url(/libs/css/assets/storia.png);
                }
                &#cat_fotografia{
                    background-image: url(/libs/css/assets/fotografia.png);
                }
                .boule{
                    background-image: url(/libs/css/assets/boule.png);
                    background-position: center top;
                    background-repeat: no-repeat;
                    height: 52px;
                    padding-top: 15px;
                    width:67px;
                    margin: 8px auto 0px;
                    display: block;
                        &:hover{
                            background-position: center bottom;
                        }
                        .interessato{
                            display: block;
                            padding-top: 15px;
                            background-image: url(/libs/css/assets/star.png);
                            background-repeat: no-repeat;
                            background-position: center top;
                            font-size: 0.8em;
                            font-family: $font-nexa-light;
                            text-align: center;
                            color: #408856;
                        }
                        &:hover .interessato{
                            background-image: url(/libs/css/assets/star_hover.png);                     
                        }
                }
        }    
}